<template>
	<view class="kf">
		<view class="number">客服微信号码：<br /> {{$store.state.config.cName || ''}} 
		<br /><view class="copybtn" @click="copy($store.state.config.cName || '')">复制</view> </view>
		<image class='qr-code' :src="$store.state.config.cPic || ''" mode=""></image>
		<view class="tips">请先添加客服微信</view>
	</view>
</template>

<script>
	export default {
		methods: {
			copy(str) {
				uni.setClipboardData({
					data: str,
					success() {
						uni.showToast({
							icon: 'success',
							title: '复制成功～'
						})
					}
				})
			}
		},
	}
</script>

<style scoped lang="scss">
	.kf{
		display: flex;
		flex-direction: column;
		align-items: center;
		flex: 1;
		height: 100%;
		.number{
			margin-top: 200rpx;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}
		.copybtn{
			color: #007AFF;
		}
		.qr-code{
			margin-top: 30rpx;
			width: 400rpx;
			height: 400rpx;
		}
		.tips{
			
		}
	}
</style>
